/*
Reset CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Fonts CSS
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

a
{
  color: #524F46;
  outline: none;
}

body
{
  font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
  background-color: #828f95;
}

#container
{
  margin-left: auto;
  margin-right: auto;
  background: #fff url(../images/bg-page.png) bottom repeat-x;
}

#header
{
  background: url(../images/bg-header.jpg) repeat-x top;
}

#header h1
{
  height: 110px;
  width: 783px;
  margin: 0 auto;
}

#header h1 a {
  display: block;
  width: 783px;
  height: 110px;
  background: url(../images/logo.png) no-repeat;
}


#header h1 img
{
  display: none;
}

#central_part
{
	float: top;
}

table
{
	float: right;
	margin-right: 200px;
	margin-top: 15px;
	margin-left: 70px;
}

#menu
{
	padding-left: 400px;
	margin: 0 auto;
	width: 310px;
}

#menu ul
{ 
  list-style:none; 
}

#menu ul li 
{ 
  display:inline; 
  float:left; 
  margin-bottom:20px; 
}

#menu ul li a 
{ 
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:7px; 
	text-decoration: none; 
	font: bold 18px Helvetica, Sans-Serif; 
	letter-spacing: -1px; 
	color: #F6FFD1;
}

/* :first-child pseudo selector with rounded top left corner */
#menu ul li:first-child a 
{ 
  -moz-border-radius-topleft: 12px; 
  -webkit-border-top-left-radius:12px; 
}
 
/* :last-child pseudo selector with rounded top right corner */
#menu ul li:last-child a { 
  -moz-border-radius-topright: 12px; 
  -webkit-border-top-right-radius:12px; 
}

/* hover state shows a linear gradient and opacity it brought down to 0.9 and also shows a very slight grey shadow on top */
#menu ul li a:hover 
{ 
  -moz-box-shadow: 0 -7px 7px #464646; -webkit-box-shadow: 0 -7px 7px #464646;
  background: -webkit-gradient(linear, right bottom, left top, color-stop(0.3, rgb(45,90,70)), color-stop(0.72, rgb(60,140,100))) !important;
  background: -moz-linear-gradient(right bottom, rgb(45,90,70) 30%, rgb(60,140,100) 72%) !important;
  background-color:rgb(255,173,10) !important;
  -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; 
}
 
/* another RGBA background, now with an opacity of 0.8 */
#menu ul li a.active 
{ 
  -moz-box-shadow: 0 -7px 7px #464646; -webkit-box-shadow: 0 -7px 7px #464646;
  background: #231F21 !important; 
}

#categories{
  width: 150px;
  float: left;
}

#categories ul
{ 
  list-style:none; 
}

#categories ul li
{ 
  display:block; 
  padding: 10px 0px 7px; 
}

#categories ul li a 
{ 
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:7px; 
	text-decoration: none; 
	font: bold 18px Helvetica, Sans-Serif; 
	letter-spacing: -1px; 
	color: #F6FFD1;
	float: right;
}

#categories ul li a:hover 
{ 
  -moz-box-shadow: 0 0 10px 3px #464646; -webkit-box-shadow: 0 0 10px 3px #464646;
  background: -webkit-gradient(linear, right bottom, left top, color-stop(0.3, rgb(45,90,70)), color-stop(0.72, rgb(60,140,100))) !important;
  background: -moz-linear-gradient(right bottom, rgb(45,90,70) 30%, rgb(60,140,100) 72%) !important;
  background-color:rgb(255,173,10) !important;
  -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; 
}
 
/* another RGBA background, now with an opacity of 0.8 */
#categories ul li a.active 
{ 
  -moz-box-shadow: 8px 0 8px 1px #464646; -webkit-box-shadow: 8px 0 8px 1px #464646;
  background: #231F21 !important; 
}

#content .content {
  padding-top: 50px;
  width: 1000px;
  height: 400px;
  padding-bottom: 20px;
  margin: 0 auto;
}

#content h1
{
  margin-top: 10px;
  margin-bottom: 1px;
  padding: 0px 15px;
  font-size: 124%;
  text-transform: uppercase;
  line-height: 32px;
  color: #fff;
  text-align: right;
}

#content h1 a
{
  color: #fff;
  text-decoration: none;
  font-style: normal;
  text-transform: uppercase;
  line-height: 32px;
}

#footer
{
  font-size: 90%;
  margin-bottom: 0px;
  height: 120px;
  background: url(../images/bg-footer.jpg) repeat-x bottom;
}

#footer .content {
  margin: 0 auto;
}

#footer a
{
  color: #FFF;
}

#footer .symfony
{
  padding-top: 10px;
  font-family: arial,sans-serif;
  font-size: 80%;
  float: right;
  color: #FFF;
  padding-right: 60px;
}

#footer .symfony img
{
  vertical-align: middle;
}

#pagination
{
	position: absolute;
	color: #FFF904;
	float: left;
	width: 120px;
	margin-top: 400px;
	padding-left: 740px;
}

#pagination a
{
	text-decoration: none;
	color:#FFF;
}

#pagination img
{
	padding: 2px;
	vertical-align: middle;
}

#pagination img:hover
{
  -moz-box-shadow: 0 0 10px 3px #464646; -webkit-box-shadow: 0 0 10px 3px #464646;
  background: -webkit-gradient(linear, right bottom, left top, color-stop(0.3, rgb(45,90,70)), color-stop(0.72, rgb(60,140,100))) !important;
  background: -moz-linear-gradient(right bottom, rgb(45,90,70) 30%, rgb(60,140,100) 72%) !important;
  background-color:rgb(255,173,10) !important;
  -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
  padding: 2px;
}

.thumbnail
{
	margin: 3px;
	background-color: #FFF;
}

.thumbnail:hover
{
	margin: 2px;
}

.thumbnail img
{
	margin: 0px;
	-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}

.thumbnail img:hover
{
	border: 1px solid #A3A9A9;
	-moz-opacity:.99; filter:alpha(opacity=100); opacity:.99;
}

strong
{
  font-weight: bold;
}


